@import '~@common/css/_variables.scss';

.recommendSong {
  .head {
    display: flex;
    align-items: center;
    margin-bottom: 24px;

    .time {
      position: relative;
      min-width: 80px;
      margin-right: 30px;
      font-size: 80px;
      color: $color;

      span {
        position: absolute;
        top: 60%;
        left: 50%;
        font-size: 36px;
        font-weight: 600;
        color: $color;
        transform: translate(-50%, -50%);
      }
    }

    .info {
      p {
        &:first-child {
          font-size: 22px;
          font-weight: bold;
          color: #333;
        }

        &:last-child {
          margin-top: 10px;
          font-size: 14px;
          color: #676767;
        }
      }
    }
  }

  .tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
